@mixin y-flex($justify-content: flex-start) {
  display: flex;
  align-items: center;
  justify-content: $justify-content;
}
@mixin withClickEffect {
  &:active {
    opacity: 0.6;
  }
}
@mixin y-btn-base {
  font-size: $font-size4;
  text-align: center;
  @include withClickEffect;
}
@mixin y-btn {
  @include y-btn-base;
  border: 1px solid;
  border-radius: 12rpx;
  min-width: 150rpx;
  line-height: 56rpx;
  padding: 0 24rpx;
}

@mixin y-btn-ghost {
  @include y-btn-base;
  border: 1px solid;
  border-radius: 8rpx;
  padding: 0 16rpx;
}
@mixin y-bottom-btn {
  @include y-btn-base;
  font-size: $font-size2;
  border-radius: $border-radius;
  height: 88rpx;
  line-height: 88rpx;
}
.y-enter {
  width: 20rpx;
  height: 40rpx;
}
.y-expand-scope {
  position: relative;
  display: block;
  &::after {
    // background-color: #FF0000;
    position: absolute;
    content: '';
    display: block;
    width: 300%;
    height: 300%;
    left: -100%;
    top: -100%;
    // opacity: 0;
  }
}
.y-tag-square {
  width: 40rpx;
  text-align: center;
  height: 40rpx;
}
.y-with-click-effect {
  @include withClickEffect;
}
.y-bottom-btn {
  @include y-bottom-btn;
}
.y-bottom-btn-radius {
  border-radius: 50rpx;
}
.y-bottom-btn-primary {
  color: white;
  background: #bf375a !important;
  // linear-gradient(-11deg,);
}
.y-bottom-btn-grey {
  color: $text-color-grey;
  background-color: #edeff3;
}
page {
  background-color: $bg-color-grey;
  color: $text-color;
  font-size: $font-size;
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 微软雅黑, Arial, sans-serif;
  line-height: 1.5;
}
view {
  box-sizing: border-box;
}
.y-mask {
  width: 100%;
  height: 100vh;
  background-color: rgba($color: #000000, $alpha: 0.5);
  position: fixed;
  z-index: 99;
}
.y-form-input {
  $height:80rpx;
  height: $height;
  line-height: $height;
  font-size: 30rpx;
  border-radius: $border-radius;
  padding: 0 $spacing;
}
.y-scroll-container {
  overflow-y: auto;
  width: 100%;
  flex: 1;
}
.y-bottom-container {
  background-color: #ffffff;
  @include y-flex(space-between);
  padding: 36rpx $spacing;
  width: 100%;
}
.y-border-split-bottom {
  border-bottom: 1px solid $bg-color-split;
}
.y-split {
  height: 1px;
  background-color: $bg-color-split;
}
.y-boxshow-bottom {
  box-shadow: 0px -3rpx 38rpx 0px rgba(237, 239, 242, 0.65);
  z-index: 1;
}
.y-block {
  padding: $spacing-row $spacing-col;
  width: 100%;
  background-color: white;
}
.y-container {
  margin: $spacing-row auto;
  width: 690rpx;
}
.y-margin {
  margin: $spacing-row $spacing-col;
}
.y-padding {
  padding: $spacing-row $spacing-col;
}
.y-padding-max {
  padding: 40rpx $spacing-col;
}
.y-card {
  margin: $spacing-row auto;
  width: 690rpx;
  background-color: #ffffff;
  border-radius: $border-radius;
  padding: $spacing-col;
}
.y-pos-relative {
  position: relative;
}
.y-pos-absolute {
  position: absolute;
}
.y-card-big {
  padding: 40rpx $spacing-col;
}
.y-label {
  min-width: 110rpx;
  padding-right: $spacing;
}
.y-icon {
  width: 30rpx;
  height: 30rpx;
}
.y-start {
  width: 28rpx;
  height: 28rpx;
}
.y-must {
  &::after {
    content: '*';
    color: $color-red;
  }
}
.y-bold {
  font-weight: bold;
}
.y-padding-top {
  padding-top: $spacing;
}
.y-padding-bottom {
  padding-bottom: $spacing;
}
.y-margin-top {
  margin-top: $spacing !important;
}
.y-margin-top-sm {
  margin-top: $spacing-row !important;
}
.y-margin-bottom {
  margin-bottom: $spacing !important;
}
.y-margin-top-md {
  margin-top: 10rpx;
}
.y-margin-top-sm {
  margin-top: 6rpx;
}
.y-margin-right {
  margin-right: $spacing;
}
.y-margin-left {
  margin-left: $spacing;
}
.y-margin-right-sm {
  margin-right: 6rpx;
}
.y-margin-r24 {
	margin-right: 24rpx;
}
.y-size-mini {
  font-size: 24rpx;
}
.y-size-max {
  font-size: 40rpx;
}
.y-size-title {
  font-size: $font-size2;
}
.y-size-detail {
  font-size: $font-size3;
}
.y-color-detail {
  color: $text-color-grey;
}
.y-color-article {
  color: $text-color2;
}
.y-color-primary {
  color: $color-primary;
}
.y-color-red {
  color: $color-red;
}
.y-color-yellow {
  color: $color-yellow;
}
.y-color-title {
  color: $text-color-title;
}
.y-color-white {
  color: white;
}
.y-text-right {
  text-align: right;
}
.y-bg-grey {
  background-color: $bg-color-grey;
}
.y-bg-primary {
  background-color: $color-primary;
}
.y-bg-red {
  background-color: $color-red;
}
.y-bg-yellow {
  background-color: $color-yellow;
}
.y-bg-yellow-o {
  background: rgba($color: $color-yellow, $alpha: 0.08);
}
.y-bg-orange{
  background-color: #FF6451;
}
.y-border-radius {
  border-radius: 8rpx;
}

.y-scroll-x {
  overflow-x: auto;
  &::-webkit-scrollbar {
    width: 0 !important;
  }
}
.y-scroll-y {
  overflow-y: auto;
  // &::-webkit-scrollbar {
  //   width: 0 !important;
  // }
}
.y-multi-text {
  word-break: break-all;
  text-align: justify;
}
@mixin y-bg-circle($height: 80rpx) {
  width: 104%;
  height: $height;
  margin-bottom: -$height;
  margin-left: -2%;
  border-radius: 130rpx/30rpx;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.y-bg-circle {
  @include y-bg-circle;
}

.y-bg-circle-lg {
  @include y-bg-circle(200rpx);
}
.y-title {
  font-size: $font-size2;
  color: $text-color-title;
  font-weight: bold;
  line-height: $font-size2;
}
.y-detail {
  color: $text-color-grey;
  font-size: $font-size3;
}
.y-btn {
  @include y-btn;
}
.y-btn-primary {
  color: white;
  background-color: $color-primary;
  border-color: $color-primary;
}
.y-btn-grey {
  color: $text-color2;
  border-color: $text-color-grey;
}
.y-btn-ghost {
  @include y-btn-ghost;
}
.y-btn-ghost-primary {
  color: $color-primary;
}
.y-overflow-hidden{
  overflow: hidden;
}
.y-flex {
  @include y-flex;
}
.y-flex1 {
  flex: 1;
}
.y-flex-wrap {
  flex-wrap: wrap;
}
.y-flex-column {
  flex-direction: column;
}
.y-flex-center {
  @include y-flex(center);
}
.y-flex-around {
  @include y-flex(space-around);
  // justify-content: ;
}
.y-flex-end {
  @include y-flex(flex-end);
  // justify-content: flex-end;
}
.y-flex-between {
  @include y-flex(space-between);
}
.y-bg-white {
  background-color: #ffffff;
}
.y-tag-primary {
  color: $color-primary;
  background-color: rgba($color: $color-primary, $alpha: $opacity);
  border-radius: $border-radius;
}
.y-width100 {
  width: 100%;
}
.y-text-align-center {
  text-align: center;
}
.y-ellipsis{
  text-overflow: ellipsis;
  overflow: hidden;
}

.y-vertical-split {
  width: 1px;
  height: 64rpx;
  background-color: #edeff2;
}

// 轻陪
.main-page {
	height: auto;
	background-color: $bg-color-gray;
	color: $text-cbh-title;
	font-size: $font-size;
	font-family: PingFang SC;
	line-height: 1.5;
	overflow-y: auto;
}
.userInput{
	height: 80rpx;
	line-height: 80rpx;
	background: $bg-color-gray;
	border: 1rpx solid $border-cbh-color;
	border-radius: 8rpx;
	color: $text-cbh-input;
	font-size: 28rpx;
	padding: 0 28rpx;
	margin-top: 39rpx;
	.inputStyle{
		height: 100%;
	}
	/deep/.holder{
		color: $text-cbh-input;
	}
}
.cbh-btn{
	color: $color-white;
	font-size: 40rpx;
	background: $color-primary;
	border-radius: 10rpx;
	@include y-flex(center);
}
.c-color-red{
	color: $color-mred;
}
.c-div{
	border-radius: 10rpx;
	background-color: $color-white;
}
.c-primary{
	color: $color-primary;
}
.c-jumpIcon{
	width: 14rpx;
	height: 24rpx;
}
.c-sub-title{
	color: $basis-solid-grey-08;
	font-size: $font-size6;
}
.c-total{
	min-height: 216rpx;
	.mainTitle{
		font-size: $font-size5;
		padding-bottom: 40rpx;
		border-bottom: 1rpx solid $border-cbh-color;
	}
	.order,.commission{
		flex: 1;
		text-align: center;
		.name{
			color: $text-cbh-gray;
			font-size: $font-size3;
		}
		.number{
			font-size: 50rpx;
			font-weight: bold;
			&.money{
				&::before{
					content: '¥';
					font-size: $font-size2;
					font-weight: 400;
				}
			}
		}
	}
	.order{
		border-right: 1rpx solid $border-cbh-color;
	}
}
.canWith{
	
	padding: 25rpx 0;
	color: $color-white;
	text-align: center;
	.name{
		font-size: $font-size3;
		margin-bottom: 15rpx;
	}
	.number{
		font-size: 54rpx;
		font-weight: bold;
		&::before{
			content: '¥';
			font-size: $font-size2;
			font-weight: 400;
		}
	}
}
.c-order-record{
	padding: 48rpx 27rpx;
	margin-top: 20rpx;
	.title{
		color: $text-color-title;
		font-size: $font-size5;
	}
	.content{
		.list{
			height: 151rpx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			border-bottom: 1rpx solid $border-cbh-color;
			&:last-child{
				border: 0;
			}
			.address{
				color: $text-color-title;
				font-size: $font-size6;
			}
			.detail{
				align-items: flex-end;
			}
			.orderTime{
				color: $text-cbh-input;
				font-size: $font-size3;
			}
			.orderMoney{
				font-size: $font-size1;
				font-weight: bold;
				&::before{
					content: '¥';
					font-size: $font-size2;
					font-weight: 400;
				}
			}
			
		}
	}
}
.noData{
	text-align: center;
	margin: 120rpx 0;
	color: $text-cbh-input;
	image{
		width: 450rpx;
		height: 270rpx;
	}
}
.y-active-color {
	color: #BF375A;
}
.y-fontsize-24 {
	font-size: 24rpx;
}
.y-fontsize-34 {
	font-size: 34rpx;
}
.y-fontsize-30 {
	font-size: 30rpx;
}
.y-fontsize-50 {
	font-size: 50rpx;
}
.y-fontsize-64 {
	font-size: 64rpx;
}
.y-color-black {
	color: #3A3A3C;
}
.y-margin-b32 {
	margin-bottom: 32rpx;
}
.y-color-yellow {
	color: #FF9500;
}
.y-margin-lr-32 {
	margin: 0 32rpx;
}
.y-margin-tb-32 {
	margin: 32rpx 0;
}
.y-margin-r32 {
	margin-right: 32rpx;
}
.y-margin-r16 {
	margin-right: 16rpx;
}
.y-margin-r48 {
	margin-right: 48rpx;
}
.y-margin-l16 {
	margin-left: 16rpx;
}